<!DOCTYPE html>
<html>
<head>[#include "/common/commonCSS.html"]
</head>
<body class="eh-layout-page">
	<div class="layui-card layui-form">
		<div class="layui-card-header eh-card-header">
			<span>角色管理</span> <i
				class="layui-icon layui-icon-refresh refresh-btn"></i> 
		</div>
		<div class="layui-row">
			<div class="layui-col-md8">
				<div class="layui-card-body">
					<div class="layui-row">
						<div class="layui-form-pane">
							<form id="roleSearchForm">
								<div class="layui-inline">
									<label class="layui-form-label">角色名</label>
									<div class="layui-input-block">
										<input type="text" name="roleName" placeholder="请输入角色名"
											autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">角色编码</label>
									<div class="layui-input-block">
										<input class="layui-input" type="text" name="roleCode"
											placeholder="请输入角色编码">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">状态</label>
									<div class="layui-input-block">
										<select id="roleStatusSelect" name="roleStatus">
											<option value="">请选择状态</option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
									<button type="button" id="roleSearch" class="layui-btn">
										<i class="layui-icon layui-icon-search"></i>
									</button>
								</div>
							</form>
						</div>
					</div>
					<div class="eh-table-wrap">
						<table class="layui-hide table-datagrid" id="role-t"
							lay-filter="role-t"></table>
					</div>
				</div>
			</div>
			<div class="layui-col-md4">
				<div class="layui-card-body">
						<div class="layui-row">
							<div class="layui-form-pane">
								<div class="layui-inline">
									<label class="layui-form-label">权限列表</label>
									<div class="layui-input-block">
										<input class="layui-input" type="text" id="menuSearchName">
									</div>
								</div>

								<div class="layui-inline">
									<button type="button" id="menuSearch" class="layui-btn">
										<i class="layui-icon layui-icon-search"></i>
									</button>
									<button class="layui-btn" id="saveRoleMenu">授权</button>
								</div>
							</div>
						</div>
						<div class="eh-table-wrap">
							<ul id="menuTree" class="dtree" data-id="0" name="parentId"></ul>
						</div>
					</div>
			</div>
		</div>

<script type="text/html" id="role-t-toolbar">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="addRole">添加</button>
  </div>
</script>
<script type="text/html" id="role-t-tool">
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
[#include "/common/commonJS.html"] 
[@common.jsRef url="/sys/role/index.js"/]
</body>
</html>